<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
    <title></title>
    <link href="../../css/lanai-ui.css" rel="stylesheet"/>
</head>
<body>
<section class="content">
    <div class="row">
        <div class="col-md-3">
            <div class="box box-default box-solid">
                <div class="box-body box-profile">
                    <img alt="User profile picture" class="profile-user-img img-responsive img-circle"
                         src="../../img/sl.jpg">

                    <h3 class="profile-username text-center">索隆</h3>

                    <p class="text-muted text-center">海贼猎人</p>

                    <strong><i class="fa fa-book margin-r-5"></i> 战绩</strong>
                    <ul class="list-group list-group-unbordered">
                        <li class="list-group-item">
                            壮烈决斗
                            <small> 索隆</small>
                            <i class="fa fa-vimeo text-red"></i>
                            <small> 杂技卡巴吉</small>
                            <a class="pull-right margin-r-5"><span class="text-danger"> 胜 </span>/<span
                                    class="text-success"> 败</span></a>
                        </li>
                        <li class="list-group-item">
                            恐怖二人组
                            <small> 猫人兄弟</small>
                            <i class="fa fa-vimeo text-red"></i>
                            <small> 索隆</small>
                            <a class="pull-right margin-r-5"><span class="text-success"> 败 </span>/<span
                                    class="text-danger"> 胜</span></a>
                        </li>
                        <li class="list-group-item">
                            路飞落水
                            <small> 索隆</small>
                            <i class="fa fa-vimeo text-red"></i>
                            <small> 章鱼小八</small>
                            <a class="pull-right margin-r-5"><span class="text-danger"> 胜 </span>/<span
                                    class="text-success"> 败</span></a>
                        </li>
                        <li class="list-group-item">
                            三刀流爆发
                            <small> 索隆</small>
                            <i class="fa fa-vimeo text-red"></i>
                            <small> 巴洛克工作社</small>
                            <a class="pull-right margin-r-5"><span class="text-danger"> 胜 </span>/<span
                                    class="text-success"> 败</span></a>
                        </li>
                        <li class="list-group-item">
                            呼啸而出的斩击
                            <small> 索隆</small>
                            <i class="fa fa-vimeo text-red"></i>
                            <small> 神官欧姆</small>
                            <a class="pull-right margin-r-5"><span class="text-danger"> 胜 </span>/<span
                                    class="text-success"> 败</span></a>
                        </li>
                        <li class="list-group-item">
                            屋顶上飞舞的斩击
                            <small> 索隆</small>
                            <i class="fa fa-vimeo text-red"></i>
                            <small> 龙马</small>
                            <a class="pull-right margin-r-5"><span class="text-danger"> 胜 </span>/<span
                                    class="text-success"> 败</span></a>
                        </li>
                    </ul>
                    <strong><i class="fa fa-map-marker margin-r-5"></i> 住址</strong>

                    <p class="text-muted">东海·霜月村</p>

                    <hr>

                    <strong><i class="fa fa-shield margin-r-5"></i> 技能</strong>

                    <p>
                        <span class="label label-danger">无刀流</span>
                        <span class="label label-success">龙•卷风</span>
                        <span class="label label-info">真剑•空手接白刃</span>
                        <span class="label label-warning">居合斩</span>
                        <span class="label label-primary">烦恼风</span>
                    </p>

                    <hr>

                    <strong><i class="fa fa-money margin-r-5"></i> 官方赏额</strong>
                    <p><i class="fa fa-bitcoin"></i> <b>320,000,000 - </b></p>
                    <hr>
                    <strong><i class="fa fa-cloud"></i> 梦想</strong>
                    <p>成为世界第一的大剑豪</p>
                </div>
                <!-- /.box-body -->
            </div>
        </div>
        <div class="col-md-9">
            <div class="box box-default box-solid">
                <div class="box-header">
                    <h3 class="box-title"><i class="fa fa-paw"></i> 最新动态 </h3>
                </div>
                <div class="box-body">
                    <!-- Post -->
                    <div class="post">
                        <div class="user-block">
                            <img alt="user image" class="img-circle img-bordered-sm" src="../../img/nvdi.jpg">
                            <span class="username">
			                          <a href="#">女帝</a>
			                          <a class="pull-right btn-box-tool" href="#"><i class="fa fa-times"></i></a>
			                        </span>
                            <span class="description">共享发布 - 下午 7:30</span>
                        </div>
                        <!-- /.user-block -->
                        <p>
                            无论哀家做出什么坏事，全世界都会原谅我……因为哀家实在太美了!
                        </p>
                        <ul class="list-inline">
                            <li><a class="link-black text-sm" href="#"><i class="fa fa-share margin-r-5"></i> 分享</a>
                            </li>
                            <li><a class="link-black text-sm" href="#"><i class="fa fa-thumbs-o-up margin-r-5"></i>
                                赞</a>
                            </li>
                            <li class="pull-right">
                                <a class="link-black text-sm" href="#"><i class="fa fa-comments-o margin-r-5"></i> 评论
                                    (5)</a></li>
                        </ul>

                        <input class="form-control input-sm" placeholder="评论" type="text">
                    </div>
                    <!-- /.post -->

                    <!-- Post -->
                    <div class="post clearfix">
                        <div class="user-block">
                            <img alt="User Image" class="img-circle img-bordered-sm" src="../../img/tm7.jpg">
                            <span class="username">
			                          <a href="#">乌索普</a>
			                          <a class="pull-right btn-box-tool" href="#"><i class="fa fa-times"></i></a>
			                        </span>
                            <span class="description">发送邮件 - 3天前</span>
                        </div>
                        <!-- /.user-block -->
                        <p>
                            “不管要停留到哪一天……不管失去什么东西，即使要在无人岛上迎接死亡……我也要尊严地死去！我是勇敢的海上战士乌索普！”
                        </p>

                        <form>
                            <div class="form-group">
                                <div class="input-group">
                                    <input class="form-control input-sm" placeholder="回复">
                                    <span class="input-group-btn">
					                        <button class="btn btn-primary btn-flat btn-sm" type="submit">发送</button>
					                      </span>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- /.post -->

                    <!-- Post -->
                    <div class="post">
                        <div class="user-block">
                            <img alt="User Image" class="img-circle img-bordered-sm" src="../../img/sl.jpg">
                            <span class="username">
			                          <a href="#">索隆</a>
			                          <a class="pull-right btn-box-tool" href="#"><i class="fa fa-times"></i></a>
			                        </span>
                            <span class="description">发布图片 - 5天前</span>
                        </div>
                        <!-- /.user-block -->
                        <div class="row margin-bottom">
                            <div class="col-sm-6">
                                <img alt="Photo" class="img-responsive" src="../../img/nvdi.jpg">
                            </div>
                            <!-- /.col -->
                            <div class="col-sm-6">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <img alt="Photo" class="img-responsive" src="../../img/timg-1.jpg">
                                        <br>
                                        <img alt="Photo" class="img-responsive" src="../../img/timg-2.jpg">
                                    </div>
                                    <!-- /.col -->
                                    <div class="col-sm-6">
                                        <img alt="Photo" class="img-responsive" src="../../img/timg-3.jpg">
                                        <br>
                                        <img alt="Photo" class="img-responsive" src="../../img/timg-4.jpg">
                                    </div>
                                    <!-- /.col -->
                                </div>
                                <!-- /.row -->
                            </div>
                            <!-- /.col -->
                        </div>
                        <!-- /.row -->

                        <ul class="list-inline">
                            <li><a class="link-black text-sm" href="#"><i class="fa fa-share margin-r-5"></i> 分享</a>
                            </li>
                            <li><a class="link-black text-sm" href="#"><i class="fa fa-thumbs-o-up margin-r-5"></i>
                                赞</a>
                            </li>
                            <li class="pull-right">
                                <a class="link-black text-sm" href="#"><i class="fa fa-comments-o margin-r-5"></i> 评论
                                    (5)</a></li>
                        </ul>
                        <div class="box-footer box-comments margin-bottom">
                            <div class="box-comment">
                                <!-- User image -->
                                <img alt="User Image" class="img-circle img-sm" src="../../img/nvdi.jpg">

                                <div class="comment-text">
					                      <span class="username">
					                        	女帝
					                        <span class="text-muted pull-right">当日 8:03</span>
					                      </span><!-- /.username -->
                                    无礼之人，给我退下!
                                </div>
                                <!-- /.comment-text -->
                            </div>
                            <div class="box-comment">
                                <!-- User image -->
                                <img alt="User Image" class="img-circle img-sm" src="../../img/lf.jpg">

                                <div class="comment-text">
						                      <span class="username">
						                        	路飞
						                        <span class="text-muted pull-right">当日 8:05</span>
						                      </span><!-- /.username -->
                                    如果对她泼水，是不是能让她退烧？！
                                </div>
                                <!-- /.comment-text -->
                            </div>
                        </div>

                        <input class="form-control input-sm" placeholder="评论" type="text">
                    </div>
                    <!-- /.post -->
                </div>
            </div>
        </div>
    </div>
</section>
<script src="../../js/jquery.min.js"></script>
<script src="../../js/lanai-ui.js"></script>
</body>
</html>
